@charset "utf-8";
/* CSS Document */
*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    text-decoration: none;
    font-family:"微软雅黑";
    font-size:10px ;
}
/*1em=12*/
.clear { clear: both; width: 100%; height: 0px; line-height: 0px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear3 { clear: both; width: 100%; height: 3px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear4 { clear: both; width: 100%; height: 4px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear5 { clear: both; width: 100%; height: 5px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear6 { clear: both; width: 100%; height: 6px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear7 { clear: both; width: 100%; height: 7px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear8 { clear: both; width: 100%; height: 8px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear9 { clear: both; width: 100%; height: 9px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear10 { clear: both; width: 100%; height: 10px; overflow: hidden; margin: 0 auto; padding: 0; }
.header{/*border-bottom: 2px solid #000000;*/}

.header{border-bottom: 2px solid #000000;}
.header-top{
    background: #09458D;
    color: cornflowerblue;
    padding: 4px 0;
}
.header-center{
    margin-bottom: .5em;
}
.header-center .topl img{width: 100%;}
.header-center .topr img{width: 100%;}
.header-center .input-group{
    margin-top: .5em; width: 90%;margin-left: 5%;
}
.header-center .header-form input[type=text]{
    height: 2.5em;
}
.header-center .input-group-addon{
    padding: 0;
}
.header-center .header-form .btn-default{
    margin: 0;  border: 0;
}
.header-center .header-form .btn-default{
    padding: 10px 12px;
}
/*导航栏*/

#dhmenu{
    padding-left: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}

#dhmenu .navbar-header .navbar-brand img{
    height: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #dhmenu .navbar-header .navbar-brand img{
        height: 30px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 320px) {
    #dhmenu .navbar-header .navbar-brand img{margin-left: -1em;}
}

#dhmenu #menuselect ul li{/*padding: 0 30px;*/}
#dhmenu #menuselect ul li a{
    display: inline-block;
    font-size: 1.8em;
    line-height:30px;
    color: black;
    padding:0.6em 1.6em;

    /*padding-left:30px;padding-right:30px;*/
}

/*open属性*/
#dhmenu #menuselect ul .open a:hover{background-color:#09458D!important;color: white;}

#dhmenu #menuselect ul .open ul a{color: black; }

#dhmenu #menuselect ul .showed {background:#09458D;}
#dhmenu #menuselect ul .showed a{color:white;}

@media only screen and (min-width: 320px) and (max-width: 767px){
    #dhmenu #menuselect ul li a{
        display:block;
        line-height: 20px;
    }
    #dhmenu #menuselect ul .showed {background:white;}
    #dhmenu #menuselect ul .showed a{color:#09458D;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    #dhmenu #menuselect ul{margin-top: 1.5em;}
}


#dhmenu .mean-expand{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background: lightgrey;
    padding: 15px 10px;
    width: 40px;
    font-size: 20px;
    text-align: center;

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #dhmenu .mean-expand{
        display: block;
        z-index: 2;
    }
    .nav-link{
        display: block;
    }

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #dhmenu{position: none;}
    #menuselect{padding-left: 0;}
    #dhmenu #menuselect{position: relative;}
    #dhmenu #menuselect .navsousuo{display: none;}
}

/*轮播*/
#myCarousel{
    margin-top: 0px;
}
#myCarousel .carousel-indicators li {
    width:5em;
    height: 1.5em;
}
#myCarousel .carousel-indicators li{border:1px solid #039DE5;background: white;}
#myCarousel .carousel-indicators .active{background:#039DE5;}


#myCarousel .carousel-inner .item img{
    width: 73%;margin: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    #myCarousel .carousel-inner .item img{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    #myCarousel .carousel-inner .item img{width: 95%;margin: auto}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px){
    #myCarousel .carousel-inner .item img{width: 100%;margin: auto;}
}



@media only screen and (min-width: 320px) and (max-width: 767px) {
    #myCarousel .carousel-indicators li {
        width:3em;
        height: 1em;
    }
}

/*各系列头部*/
.typetop{
    font-size: 2.5em;color:black;text-align: center;
}

/*热门产品系列*/
.hotprowk{
    background:#F1F1F1;padding:2em 0;
}
.hotprowk .hotpro .hotprolist a{
    color:#FE973A;font-size: 1.6em;line-height: 1.8em;
}
.hotprowk .hotpro .hotprolist a:hover{color: red;}

/*产品展示*/
.cpshowwk{
    padding:2em 0;
}
.cpshow{}
.cpshow .cpshowlist{}
.cpshow .cpshowlist>div .thumbnail img{
    width: 60%;margin: auto;
}

.cpshow .cpshowlist>div .cpshowt{
    font-size: 1.6em;line-height: 1.6em;height: 3.2em;overflow: hidden;
    color: black;padding: 0 0.5em;
}
.cpshow .cpshowlist>div .cpshowt a{
    font-size:1em;color: black;
}
.cpshow .cpshowlist>div .cpshowt a:hover{
    color: red;
}

/*公司简介*/
.syaboutwk{
    background:#F1F1F1;padding:2em 0;
}
.syabout{
    text-align: center;
}
.syabout p{
    font-size: 1.5em;text-indent: 2em;line-height: 1.5em;
    text-align: left;
}
.syabout a{
    display: inline-block;
    background:#FE973A;color: white;
    font-size: 1.8em;padding: 0.4em 1em;
    margin-top: 1em;
}
.syabout a:hover{
    text-decoration: none;
    background: red;
}

/*公司证书*/
.syzs{

}
.syzs .zslb{
    word-wrap:break-word;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 150px;

}
.syzs .zslb .zslbpre a{
    display: inline-block;
    width: 40px;height:20%;
    font-size: 20px;text-align: center;
    position: absolute;z-index: 90;
    left: 15px;top:40%;
    background: black;color: white;

}
.syzs .zslb .zslbpre a:hover{
    text-decoration: none;background: #09458D;
}
.syzs .zslb .zslbnex a{
    display: inline-block;width: 40px;height:20%;
    font-size: 20px;text-align: center;
    position: absolute;z-index: 90;
    right: 15px;top:40%;
    background: black;color: white;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .syzs .zslb .zslbpre a{
        height:30%;
        top:35%;
    }
    .syzs .zslb .zslbnex a{
        height:30%;
        top:35%;
    }

}

.syzs .zslb .zslbnex a:hover{
    text-decoration: none;background: #09458D;
}
.syzs .zslb .thumbnail img{
    height: 140px;margin:auto;
}

/*案例库*/
.syalwk{
    padding:5em 0;
}
/*案例库头部标签*/
.syalwk .syaltop{
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #DCDCDC;
}
.syalwk .syaltop #myTab{
    text-align: center;
}
.syalwk .syaltop #myTab li{
    text-align: center;
    margin-bottom: 5px;
    padding-left:0;
    border-right:0px solid white;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .syalwk .syaltop #myTab li{margin: 0;}
}

.syalwk .syaltop #myTab li a{
    font-size: 1.5em;
    color:#555555;
    background:white;
    border-radius:0;
    outline: 1px solid #DCDCDC;
    outline-offset: -1;
}
.syalwk .syaltop #myTab li .zxshow{
    color: white;background: #E99F26;outline: 1px solid #E99F26;
}

.allist{}
.allisttop{
    height: 4em;
    overflow: hidden;
    /*background: yellow;*/
}
.allisttop a{
    font-size: 1.6em;
    line-height: 1.5em;
    color: black;
}
.allisttop a:hover{color: red;}
.allistms{
    margin: 1em 0;
    /*background: pink;*/
    text-indent: 2em;
    font-size:1.4em;
    line-height: 1.5em;
    height:4.5em;
    overflow: hidden;
}
.allistms a{font-size: 1em;color: black;}
.allistlb{
    margin-bottom: 2em;
}
.allistson{
    font-size: 1.6em;
    line-height:3em;
    height: 3em;
    overflow: hidden;
    /*background: aqua;*/
    border-top:1px solid #DCDCDC;
}
.allistsonl{
    float: left;
    width: 80%;
    /*background: palegoldenrod;*/
}
.allistsonl a{
    font-size: 1.6em;
    color: black;
}
.allistsonl a:hover{color: red;}
.allistsonr{
    float: left;
    width: 20%;
    font-size: 1em;
    text-align: right;
    /*background: pink;*/
}


/*底部*/
.footer{
    background: #333333;
    color: #999999;
    padding-top: 2em;
    padding-bottom: 1em;
}

.footer .foottop{
    border-bottom: 1px solid #BFA46F;
    padding-bottom: 1.5em;padding-left: 1.5em;
}
.footer .foottop div{
    padding: 0;margin: 0;
}
.footer .foottop a{
    font-size: 1.6em;
    color: white;
}
.footer .footcenter{
    margin-top: 2em;
}
.footer .footcenter .footctl{
    padding-top: 2em;
}
.footer .footcenter .footctl .ctltop{
    text-align: center;
}
.footer .footcenter .footctl .ctlgz{
    text-align: center;
    font-size: 1.8em;color:#BFA46F;
}
.footer .footcenter .footctr{

}
.footer .footcenter .footctr .rgttop{
    font-size: 2em;color: white;padding-bottom: 0.5em;
}
.footer .footcenter .footctr .rgtcont{
    font-size: 1.4em;color: white;
}
.footer .footcenter .footctr .rgtcont a{
    font-size: 1em;color: white;
}
.footer .footcenter .footctr .rgtbq{
    font-size: 1.4em;
}
.footer .footcenter .footctr .rgtbq a{
    font-size: 1em;color: #999999;
}
.footer .footbottom{
    padding: 0;
}
.footer .footbottom p{ font-size: 1.4em;color: white;}
.footer .footbottom p a{font-size: 1em;color: white;}


/*浮动客服开始*/
#floatDivBoxs{ width:140px;background:#fff; position:fixed; top:20%; right:0; z-index:1000000;}
#floatDivBoxs .floatDtt{ width:100%; height:45px; line-height:45px; background:#f08326; color:#fff; font-size:14px; text-indent:22px; position:relative;}
#floatDivBoxs .floatDqq{ padding:0 5px;}
#floatDivBoxs .floatDqq a{color: #555555;font-size: 15px;}
#floatDivBoxs .floatDqq li{ line-height:25px; border-bottom:1px solid #e3e3e3; padding:10px 0 0 10px; }
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:10px 5px;}
#floatDivBoxs .floatDtel{padding:0 5px;}
#floatDivBoxs .floatDtel h3{ font-size: 13px;line-height:20px; font-family: '微软雅黑', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#F00; padding-left:10px;margin: 0; }
#floatDivBoxs .floatDtel h5{ font-size: 13px;line-height:20px; font-family: '微软雅黑', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: #333; padding-left:10px; margin: 0;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{ width:100%; height:3px; background:url(/static/default/images/online_botbg.jpg) no-repeat; box-shadow:-2px 0 3px rgba(0,0,0,0.25); }
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(/static/default/images/online_arrow.jpg) no-repeat;position:fixed;top:20%;right:140px;z-index:1000000;}
#rightArrow a{display:block;height:45px;}
/*浮动客服结束*/
/*窗体宽度小鱼1024像素时不显示客服QQ*/
@media only screen and (min-width: 320px) and (max-width: 1023px) {
    #rightArrow{display: none;}
    #floatDivBoxs{display: none;}
}


/*清除工商银行插件产生的div*/
#ClCache { display:none; }
#qiao-wrap { display:none; }
/*网络故障，显示紧急联系方式开始*/
.guzhang20170328 { clear:both; width:100%; height:60px; margin:0 auto; position:fixed; bottom:0; display:none; z-index:10000; }
.guzhang20170328a { clear:both; width:1000px; height:60px; margin:0 auto; position:relative; background:url(/static/default/images/guzhang20170328a.jpg) no-repeat; display:none; z-index:10000; }
/*网络故障，显示紧急联系方式结束*/